#!/bin/bash

# ThreeJS 3D查看器安装脚本
echo "🚗 开始安装ThreeJS 3D查看器依赖..."

# 检查Node.js和npm
if ! command -v node &> /dev/null; then
    echo "❌ 错误: 未找到Node.js，请先安装Node.js"
    exit 1
fi

if ! command -v npm &> /dev/null; then
    echo "❌ 错误: 未找到npm，请先安装npm"
    exit 1
fi

echo "✅ Node.js版本: $(node --version)"
echo "✅ npm版本: $(npm --version)"

# 安装react-native-webview
echo "📦 安装react-native-webview..."
npm install react-native-webview

if [ $? -eq 0 ]; then
    echo "✅ react-native-webview安装成功"
else
    echo "❌ react-native-webview安装失败"
    exit 1
fi

# 检查iOS目录是否存在
if [ -d "ios" ]; then
    echo "🍎 检测到iOS项目，执行pod install..."
    cd ios
    pod install
    if [ $? -eq 0 ]; then
        echo "✅ iOS依赖安装成功"
    else
        echo "⚠️  iOS依赖安装可能有问题，请手动检查"
    fi
    cd ..
else
    echo "ℹ️  未检测到iOS项目，跳过pod install"
fi

# 检查Android目录是否存在
if [ -d "android" ]; then
    echo "🤖 检测到Android项目"
    echo "ℹ️  Android通常无需额外配置，但请确保启用了WebView支持"
else
    echo "ℹ️  未检测到Android项目"
fi

echo ""
echo "🎉 安装完成！"
echo ""
echo "📋 下一步操作："
echo "1. 重启Metro服务器: npx react-native start --reset-cache"
echo "2. 重新构建应用: npx react-native run-android 或 npx react-native run-ios"
echo "3. 在CarDetailScreen中导入ThreeJS3DViewer组件"
echo ""
echo "📚 详细使用说明请参考: src/zzy/THREEJS_3D_VIEWER_GUIDE.md"
echo "" 